<!doctype html>
<html class="no-js">

	<head>
		<meta charset="utf-8"/>
		<title>Bustle</title>
		 
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<link rel="stylesheet" media="all" href="css/style.css"/>
		<meta name="viewport" content="width=device-width, initial-scale=1"/>
		<!-- Adding "maximum-scale=1" fixes the Mobile Safari auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->		
				
		<!-- JS -->
		<script src="js/jquery-1.7.1.min.js"></script>
		<script src="js/custom.js"></script>
		<script src="js/tabs.js"></script>
		<script src="js/css3-mediaqueries.js"></script>
		<script src="js/jquery.columnizer.min.js"></script>
		
		<!-- Isotope -->
		<script src="js/jquery.isotope.min.js"></script>
		
		<!-- Lof slider -->
		<script src="js/jquery.easing.js"></script>
		<script src="js/lof-slider.js"></script>
		<link rel="stylesheet" href="css/lof-slider.css" media="all"  /> 
		<!-- ENDS slider -->
		
		<!-- Tweet -->
		<link rel="stylesheet" href="css/jquery.tweet.css" media="all"  /> 
		<script src="js/tweet/jquery.tweet.js" ></script> 
		<!-- ENDS Tweet -->
		
		<!-- superfish -->
		<link rel="stylesheet" media="screen" href="css/superfish.css" /> 
		<script  src="js/superfish-1.4.8/js/hoverIntent.js"></script>
		<script  src="js/superfish-1.4.8/js/superfish.js"></script>
		<script  src="js/superfish-1.4.8/js/supersubs.js"></script>
		<!-- ENDS superfish -->
		
		<!-- prettyPhoto -->
		<script  src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
		<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css"  media="screen" />
		<!-- ENDS prettyPhoto -->
		
		<!-- poshytip -->
		<link rel="stylesheet" href="js/poshytip-1.1/src/tip-twitter/tip-twitter.css"  />
		<link rel="stylesheet" href="js/poshytip-1.1/src/tip-yellowsimple/tip-yellowsimple.css"  />
		<script  src="js/poshytip-1.1/src/jquery.poshytip.min.js"></script>
		<!-- ENDS poshytip -->
		
		<!-- JCarousel -->
		<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
		<link rel="stylesheet" media="screen" href="css/carousel.css" /> 
		<!-- ENDS JCarousel -->
		
		<!-- GOOGLE FONTS -->
		<link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'>

		<!-- modernizr -->
		<script src="js/modernizr.js"></script>
		
		<!-- SKIN -->
		<link rel="stylesheet" media="all" href="css/skin.css"/>
		
		<!-- Less framework -->
		<link rel="stylesheet" media="all" href="css/lessframework.css"/>
		
		<!-- flexslider -->
		<link rel="stylesheet" href="css/flexslider.css" >
		<script src="js/jquery.flexslider.js"></script>

	</head>
	
	
	<body class="home">
	
		<!-- HEADER -->
		
		<header>
		<div style="background-color: #656360;">
			<div class="wrapper cf">
				
				<div id="logo">
					<a href="index.html"><img  src="img/logo.png" alt="Simpler"></a>
				</div>
				
				<!-- nav -->
				<ul id="nav" class="sf-menu">
					<li class="current-menu-item"><a href="#">LOG IN</a>
						<ul>
							<li><a href="pages/inscription.jsf">S'inscrire</a></li>
							<li><a href="pages/monCompte.jsf">Mon compte</a></li>
						</ul>
					</li>
					<li><a href="pages/listeProduit.jsf">NOS OFFRES</a>
						
					</li>
					<li><a href="pages/listePartenaire.jsf">NOS PARTENAIRES</a></li>
					<li><a href="pages/panier.jsf">PANIER</a></li>
				</ul>
				<div id="combo-holder"></div>
				<!-- ends nav -->
				
				
				<!-- SLIDER -->				
				<div id="home-slider" class="lof-slidecontent">
					
					<div class="preload"><div></div></div>
					
					<!-- slider content --> 
					<div class="main-slider-content" >
					<ul class="sliders-wrap-inner">
					    <li>
					          <img src="img/dummies/slides/01.png" title="" alt="alt" />           
					          <div class="slider-description">
					            <h4>Le sport plein air</h4>
					            <p>Bustle vous propose des activités sportives en plein air encadrées par des professionnels en toute sécurité. Vous allez pouvoir vous initier par exemple au plaisir de l'équitation sur la plage.
					            <a class="link" href="#">Sport </a>
					            </p>
					         </div>
					    </li>
					    
					    <li>
					          <img src="img/dummies/slides/02.png" title="" alt="alt" />           
					          <div class="slider-description">
					            <h4>Sport extrême</h4>
					            <p>Bustle vous propose des activités sportives extrêmes encadrées par des professionnels en toute sécurité. Vous allez pouvoir vous initier par exemple à la conduite sur neige de voitures puissantes d'exception.
					            <a class="link" href="#">Sport </a>
					            </p>
					         </div>
					    </li>
					    
					    <li>
					          <img src="img/dummies/slides/03.png" title="" alt="alt" />           
					          <div class="slider-description">
					            <h4>Découverte touristique</h4>
					            <p>Bustle vous propose des activités de découvertes culturelles décalées. Vous pourrez par exemple parcourir une région de France en montgolfière pour découvrir les monuments du ciel.
								<a class="link" href="#">Culture </a>
					            </p>
					         </div>
					    </li>
					    
					    <li>
					          <img src="img/dummies/slides/04.png" title="" alt="alt" />           
					          <div class="slider-description">
					            <h4>Gastronomie</h4>
					            <p>Découvrer les plaisirs de la gastronomie et de confectionner soit même certains mets à déguster par la suite. Japon, Inde, France, Argentine ... découvrer le monde par la bouche.
					            <a class="link" href="#">Culture </a>
					            </p>
					         </div>
					    </li>
					    
					    <li>
					          <img src="img/dummies/slides/05.png" title="" alt="alt" />           
					          <div class="slider-description">
					            <h4>L'art dans tous ses états</h4>
					            <p>Visiter les musées, les expositions temporaires de diverses catégories d'art, peinture, sculpture, art corporel,... Venez faire pétiller vos yeux.
					            <a class="link" href="#">Culture </a>
					            </p>
					         </div>
					    </li>
					    
					    <li>
					          <img src="img/dummies/slides/06.png" title="" alt="alt" />           
					          <div class="slider-description">
					            <h4>Soin du corps</h4>
					            <p>Seule, en couple ou en groupe venez prendre soin de vous grâce à nos offres bien être. Nous vous chouchouterons pendant un instant qui vous sera dédié.
					            <a class="link" href="#">Bien être </a>
					            </p>
					         </div>
					    </li>
					    
					    <li>
					          <img src="img/dummies/slides/07.png" title="" alt="alt" />           
					          <div class="slider-description">
					            <h4>Sport extrême</h4>
					            <p>Bustle vous propose des activités sportives extrêmes encadrées par des professionnels en toute sécurité. Vous allez pouvoir vous initier au kite surf sur les plages du sud ouest de la France ou sur les lacs des Alpes.
					            <a class="link" href="#">Sport </a>
					            </p>
					         </div>
					    </li>
					    
					  </ul>  	  	
					</div>
					<!-- ENDS slider content --> 
				           
					<!-- slider nav -->
					<div class="navigator-content">
					  <div class="navigator-wrapper">
					        <ul class="navigator-wrap-inner">
					           <li><img src="img/dummies/slides/01_thumb.png" alt="alt" /></li>
					           <li><img src="img/dummies/slides/02_thumb.png" alt="alt" /></li>
					           <li><img src="img/dummies/slides/03_thumb.png" alt="alt" /></li>
					           <li><img src="img/dummies/slides/04_thumb.png" alt="alt" /></li>
					           <li><img src="img/dummies/slides/05_thumb.png" alt="alt" /></li>
					           <li><img src="img/dummies/slides/06_thumb.png" alt="alt" /></li>
					           <li><img src="img/dummies/slides/07_thumb.png" alt="alt" /></li>
					        </ul>
					  </div>
					  <div class="button-next">Next</div>
					  <div  class="button-previous">Previous</div>
					  <!-- REMOVED TILL FIXED <div class="button-control"><span>STOP</span></div> -->
					</div> 
					<!-- slider nav -->
				          
				 </div> 
				<!-- ENDS SLIDER -->
				
				</div>
			</div>
		</header>
		<!-- ENDS HEADER -->
		
		<!-- MAIN -->
		<div id="main">
			<div class="wrapper cf">
			
			 <!-- Tabs -->
					<h2 class="heading">BUSTLE</h2>
					<br/>
					<ul class="tabs">
						<li><a href="#"><span>Présentation</span></a></li>
						<li><a href="#"><span>Contact</span></a></li>
					</ul>
	
					<div class="panes">
						<div>
							<p>Bustle est un acteur mondial phare dans le commerce local, qui permet aux consommateurs aux quatre coins de la planète de rechercher en toute facilité de fantastiques produits et services, et den profiter à des prix imbattables. Bustle réinvente lunivers classique du commerce à petite échelle, en mettant à la disposition des commerçants locaux tout un panel de produits et services, pour les aider à attirer une clientèle plus nombreuse et à exploiter de manière plus rentable leurs activités. En agissant sur la portée globale de lentreprise et en élargissant sa clientèle, Bustle offre aux consommateurs de superbes affaires, mettant à leur disposition une large palette des meilleurs endroits où manger, des lieux à voir, des choses à faire ou à acheter dans 48 pays. Bustle International GmbH permet une couverture étendue à léchelle globale : les acheteurs découvrent les meilleurs offres quune ville est à même de leur offrir, ils profitent de vacances à prix sacrifiés et peuvent choisir parmi toute une sélection déquipement électronique, darticles de mode et dameublement, et bien plus encore.</p>
						</div>		
						<div>
							
							
							<div id="map-holder">
								<div><iframe width="908" height="350" src="https://maps.google.fr/maps?f=q&amp;source=s_q&amp;hl=fr&amp;geocode=&amp;q=3+Rue+Danton,+Malakoff&amp;aq=0&amp;oq=3+rue+danton+mala&amp;sll=48.8567,2.344105&amp;sspn=0.07827,0.209255&amp;ie=UTF8&amp;hq=&amp;hnear=3+Rue+Danton,+92240+Malakoff,+Hauts-de-Seine,+%C3%8Ele-de-France&amp;t=m&amp;z=14&amp;ll=48.822393,2.301014&amp;output=embed"></iframe><br /></div>
								<div id="map-content">
									<h5>ADRESSE</h5>
									<p>AFCEPF - 3 rue Danton - 92240 MALAKOFF</p>
									<h5>MAIL</h5>
									<p>bustle@contact.com</p>
									<h5>TELEPHONE</h5>
									<p>0800 321 321</p>
								</div>
							</div>
							
			    		</div>
						</div>
					</div>
					<!-- ENDS TABS -->

		</div>
		<!-- ENDS MAIN -->
		
		
		<!-- FOOTER -->
		<footer>
		<div style="background-color: #656360">
			<div class="wrapper cf">
			
				<!-- widgets -->
				<ul  class="widget-cols cf">
					
 					<li class="first-col">
						
						<div class="widget-block">
							<h4>Entreprise</h4>
							<ul>
								<li class="cat-item"><a href="index.html" >Home</a></li>
								<li class="cat-item"><a href="pages/qui.jsf" >Qui sommes nous?</a></li>
								<li class="cat-item"><a href="pages/presse.jsf" >Presse</a></li>
								<li class="cat-item"><a href="pages/recrutement.jsf" >Recrutement</a></li>
							</ul>
						</div>
		         		
					</li>
					
					<li class="second-col">
						
						<div class="widget-block">
							<h4>En savoir +</h4>
							<ul>
								<li class="cat-item"><a href="pages/utilisation.jsf" >Condition d'utilisation</a></li>
								<li class="cat-item"><a href="pages/commercialisation.jsf" >Condition commercialisation</a></li>
							</ul>
						</div>
		         		
					</li>	
				</ul>
			
			</div>
		</div>
		</footer>
		<!-- ENDS FOOTER -->
		
	</body>
	
	
	
</html>